{% extends '::base.html.twig' %}

{% block title %}Kockacik{% endblock %} 

{% block stylesheets %}
<link rel="stylesheet" href="{{ asset('bundles/acmemain/css/style.css') }}" type="text/css" />
{% endblock %}

{% block body %}
<div class="all">
    <div class="header">
{% block header %}    
                <div class="logo">
                    <div class="sq" id="sq1">&nbsp;</div>
                    <div class="sq" id="sq2">&nbsp;</div>
                    <div class="sq" id="sq3">&nbsp;</div>
                    <div class="sq" id="sq4">&nbsp;</div>
                </div>
                <h1>Kockáčik</h1>    
{% endblock %}
    </div>
    <div class="login">
{% block login %}    
        <form method="post" action="{{path('acme_main_login')}}">
        <dl>
            <dt><label for="login">Email</label></dt>
            <dd><input type="text" maxlength="50" id="login" name="login" size="15" /></dd>
            <dt><label for="password">Heslo</label></dt>
            <dd><input type="password" maxlength="50" id="password" name="password" size="15" /></dd>
            <dt></dt><dd><input type="submit" name="doLogin" class="button" value="Prihlásiť" /></dd>
        </dl>
        </form>
{% endblock %}
    </div>            
    <div class="menu">
{% block menu %}
    <h1>Úvod</h1>
    <ul>
        <li><a href="{{ url('acme_main_homepage') }}">Úvod</a></li>
    </ul>
    <h1>Súťaž</h1>
    <ul>
      <li><a href="{{ url('acme_main_registration') }}">Registrácia</a></li>
      <li><a href="#">Zadania</a></li>
    </ul>    
    
    <h1>Kockáčik</h1>
    <ul>
        <li><a href="#">Čo je Kockáčik</a></li>
        <li><a href="{{ url('acme_main_contact') }}">Kontakt</a></li>
    </ul>     
{% endblock %}
    </div>
    <div class="content">        
{% block content %}        
  <div class="article">
    <h1>Heading 1</h1>
    <div class="date">13:49 14 Feb 2012</div>
    <img src="http://www.kidsmathblog.com/wp-content/uploads/2008/10/numbers.jpg" alt="numbers.jpg" width="150" />
    <p>When you are given a certain choice, we try our best to explain what the pros and cons are. We will continue then with a default choice, identified by "Default: " in the title. The other possibilities are marked by "Alternative: ". Do not think that the default is what we recommend. It is however what we believe most users will use. 


 Sometimes you can pursue an optional step. Such steps are <a href="#">marked</a> as "Optional: " and are therefore not needed to install Gentoo. However, some optional steps are dependant on a previous decision you made. We will inform you when this happens, both when you make the decision, and right before the optional step is described.</p>
  </div>
  <div class="article">
    <h1>Heading 2</h1>
    <div class="date">14:00 Mar 2012</div>
    <img src="http://kennethkho.com/wp-content/uploads/2011/11/Mathboard.gif" alt="mathematicans" width="150" />
    <p>When you are given a certain choice, we try our best to explain what the pros and cons are. We will continue then with a default choice, identified by "Default: " in the title. The other possibilities are marked by "Alternative: ". Do not think that the default is what we recommend. It is however what we believe most users will use. 


 Sometimes you can pursue an optional step. Such steps are marked as "Optional: " and are therefore not needed to install Gentoo. However, some optional steps are dependant on a previous decision you made. We will inform you when this happens, both when you make the decision, and right before the optional step is described. <a href="#">More</a></p>
  </div>
  <div class="article">
    <h1>Heading 3</h1>
    <p>When you are given a certain choice, we try our best to explain what the pros and cons are. We will continue then with a default choice, identified by "Default: " in the title. The other possibilities are marked by "Alternative: ". Do not think that the default is what we recommend. It is however what we believe most users will use. 


 Sometimes you can pursue an optional step. Such steps are marked as "Optional: " and are therefore not needed to install Gentoo. However, some optional steps are dependant on a previous decision you made. We will inform you when this happens, both when you make the decision, and right before the optional step is described.</p>
  </div>
{% endblock %}
  </div>
  <div class="footer">   
{% block footer %}    
        <ul>
          <li><a href="{{ url('acme_main_homepage') }}">Úvod</a></li>
          <li><a href="{{ url('acme_main_registration') }}">Registrácia</a></li>
          <li><a href="{{ url('acme_main_contact') }}">Kontakt</a></li>
        </ul>
{% endblock %}
  </div>
</div>
{% endblock %}
